<template>
	<view class="productDetail">
		<img class="vipImg" src="https://image.freepik.com/free-vector/vip-padded-background-with-golden-logo_23-2147657690.jpg" alt="" />
		<h3 class="title">产品名称</h3>
		<p class="xuan">{{arr.vip}}</p>
		<hr class="hr" />
		<h3 class="title">产品编号</h3>
		<p class="xuan">{{arr.productNum}}</p>
		<hr class="hr" />
		<h3 class="title">标准单价</h3>
		<p class="xuan">{{arr.price}}</p>
		<hr class="hr" />
		<h3 class="title">产品规格</h3>
		<p class="xuan">{{arr.timeType}}</p>
		<hr class="hr" />
		<h3 class="title">备注信息</h3>
		<p class="xuan">{{arr.message}}</p>
		<hr class="hr" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:{}
			}
		},
		methods: {
			
		},
		onLoad(options) {
		  if (options.item) {
		    // arr是自己定义的空对象
		    this.arr = JSON.parse(options.item);
		    console.log(this.arr,"arr");
		  }
		},
	}
</script>

<style lang="scss">
.productDetail{
	width: 100%;
	height: 100%;
	.vipImg{
		width: 100%;
	}
	.title{
		margin: 30rpx;
		color: gray;
	}
	.xuan{
		margin: 30rpx;
		color: gray;
		font-weight: 700;
	}
	.hr{
		height: 5rpx;
		background-color: rgb(228, 228, 228);
	}
}
</style>
